<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>华为 p10 全网通</title>
		
		<link rel="stylesheet" type="text/css" href="../css/main.css"/>
		<link rel="stylesheet" type="text/css" href="../css/detail.css"/>
		
		<style>
			#log-out{
				
				cursor: pointer;
				color: #666;
			}
			
			#log-out:hover{
				
				color: #c00;
			}
			
		</style>
		
	</head>
	
	<body>
		<!---------------------最上端登录导航设置--------------------->
		<div class="zc-topbar">
			<div class="wrapper clearfix">
				<span class="zc-back-home">
					<a href="index.html">商城首页</a>
				</span>
				<span class="zc-login" id="zc-login">
					Hi~欢迎来到Z商城，请<a href="login.html">登录</a>
				</span>
				<span class="zc-register" id="zc-register">
					<a href="register.html">免费注册</a>
				</span>
				
				<ul class="zc-quick-menu">
					<li>
						<a href="#">我的订单</a>
					</li>
					<li class="zc-my-center">
						<a class="zc-hd" href="#">买家中心
							<i class="ico"></i>
						</a>
						<div id="zc-my-center-bd" class="zc-my-center-bd">
							<a href="#">关注的店铺
								<em>0</em>
							</a>
							<a href="#">关注的商品
								<em>0</em>
							</a>
						</div>
					</li>
					<li>
						<a id="shop-cart-num" class="shop-cart"></a>
					</li>
					<li>
						<a href="#">帮助中心</a>
					</li>
					<li>|</li>
					<li class="phoneLi">
						<a class="zc-hd zc-mobile" href="#">手机商城
							<i class="phoneI"></i>
							<i class="ico"></i>
						</a>
						<div id="zc-mobile-bd" class="zc-mobile-bd">
							<img src="../images/shop_wechat.png" width="130" height="130"/>
						</div>
					</li>
					<li>
						<a href="#">中关村在线</a>
					</li>
					<li class="lixikefu">
						<a class="zc-hd" href="#">联系客服
							<i class="ico"></i>
						</a>
						<div class="zc-service-tel">400-688-1999</div>
					</li>
				</ul>
				
			</div>
		</div>
		
		<!----------------------上部搜索框设置---------------------------->
		<div class="header">
			<div class="wrapper clearfix">
				<!--logo-->
				<h1 class="tuan-head">
					<a href="index.html"></a>
				</h1>
				
				<!--我的订单、我的优惠券、购物车-->
				<div class="quick-entry">
					<a  class="cart shop-cart" id="shop-cart">购物车
						<i class="ico"></i>
						<em class="number" id="shop-cart-num2"></em>
					</a>
					<a class="coupon" href="#">我的优惠券
						<i class="ico"></i>
					</a>
					<a class="order" href="#">我的订单
						<i class="ico"></i>
					</a>
				</div>
				
				<!--------------------上部搜索框设置---------------->
				<div class="search-box">
					<form action="#" method="get">
						<div class="search">
							<input class="search-text" type="text" name="kerword" autocomplete="off" placeholder="找找您想要的商品">
							<input class="search-btn" type="submit" value="搜索" hidefocus="true">
							<ul class="search-hot-tuan clearfix">
								<li><a href="http://www.zol.com/index.php?c=List&amp;str=c34_s57&amp;keyword=%F7%C8%D7%E5%CA%D6%BB%FA">魅族手机</a></li>				
                                <li><a href="http://tuan.zol.com/index.php?c=List&amp;a=DanPinTuan&amp;cid=5">DIY主机降1000元</a></li>				
                                <li><a href="http://www.zol.com/detail/cell_phone/ZUK/28096185.html?skuId=8650698">Z2 Pro 尊享版</a></li>				
                                <li><a href="http://www.zol.com/detail/notebook/thinkpad/29542620.html?skuId=10541421">超极本降1400元</a></li>				
                                <li><a href="http://www.zol.com/detail/cell_phone/rongyao/29402983.html?skuId=10172196">荣耀V9</a></li>	
							</ul>
						</div>
					</form>
				</div>
			</div>
		</div>
		
		<!----------切换设置-------------->
		<div class="wrapper">
			<ul class="nav clearfix">
				<li>
					<a href="index.html">首页</a>
				</li>
				<li class="current">
					<a href="detail.html">团购</a>
				</li>
				<li>
					<a href="detail.html">电子竞技</a>
				</li>
			</ul>
			
			<div class="category-nav">
				<p>全部分类</p>
				<i class="ico"></i>
			</div>
		</div>
		
		<!------------详情设置------------------>
		<div class="zs-wrapper">
			<div class="zs-bread-crumbs">
				<a href="index.html">首页</a>
				>
				<a href="http://www.zol.com/cell_phone/list/c34_s57.html">手机</a>
				>
				<span>华为</span>
			</div>
			
			<div class="zs-inner clearfix">
				
				<!-----------------商品详情------------------>
				<div class="zs-deal-detail">
					<div class="zs-focus">
						<!--------原图设置---------->
						<div class="zs-big-pic" id="zs-big-pic">
							<img src="http://i3.mercrt.fd.zol-img.com.cn/t_s400x400/g5/M00/01/06/ChMkJ1jUzEWILc2IAAKue6h0BSwAAbBtQNSPj0AAq6T343.jpg" id="orImg"/>
							<div id="glass"></div>
						</div>
						
						<ul class="img-ul">
							<li>
								<img class="d-img" src="http://i3mercrt.fd.zol-img.com.cn/t_s400x400/g5/M00/01/06/ChMkJ1jUzEWILc2IAAKue6h0BSwAAbBtQNSPj0AAq6T343.jpg"/>
							</li>
							<li>
								<img class="d-img"  src="http://i0mercrt.fd.zol-img.com.cn/t_s400x400/g5/M00/01/06/ChMkJ1jUzEmIAIVgAAIJQ30pxWcAAbBtQPP80wAAglb380.jpg">
							</li>
							<li>
								<img class="d-img"  src="http://i5mercrt.fd.zol-img.com.cn/t_s400x400/g5/M00/01/06/ChMkJ1jUzE2ISqG6AAHQGaGI9usAAbBtQP2_yEAAdAx225.jpg">
							</li>
							<li>
								<img class="d-img"  src="http://i1mercrt.fd.zol-img.com.cn/t_s400x400/g5/M00/01/06/ChMkJ1jUzFGIOwHXAAG7G9g5i5UAAbBtgA8vtsAAbsz331.jpg">
							</li>
							<li>
								<img class="d-img"  src="http://i0mercrt.fd.zol-img.com.cn/t_s400x400/g5/M00/01/06/ChMkJ1jUzFWIOGpdAAGoNCK5Vw0AAbBtgBsOPcAAahM836.jpg">
							</li>
						</ul>
						
					</div>
					
					<div class="zs-deal-wrap">
						<h3 class="pro-title">
							华为 p10 全球通
							<p class="subheading">全国包邮</p>
						</h3>
						
						<!-------------倒计时--------------->
						<div class="zs-group-box">
							<div class="range-logo">
								<a class="mall-logo">|</a>
								<a class="group-logo"></a>
							</div>
							<div class="group-over-time" id="group-over-time">
								距结束仅剩
								<span id="dates"></span>
								<span id="hours" class="time-num"></span>
								:
								<span id="minutes" class="time-num"></span>
								:
								<span id="seconds" class="time-num"></span>
							</div>
						</div>
						
						<div class="zs-price-panel">
							团购价：
							<span class="cur-price">
								￥
								<em>2999.00</em>
							</span>
							<span class="or-price">3199.00</span>
							<span class="ac-span">立省200元</span>
						</div>
						
						<div class="zc-detail-infor">
							
							<div class="zs-freight-a clearfix">
								<span>配&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;送：</span>
								<div class="zs-freight-area">
									<div class="area-selected">
										<em class="area-name" id="area-name">
											<i>北京</i>
											<div class="selecet-layer-wrap" id="selecet-layer-wrap">
												<a class="close" id="close"></a>
												<ul class="selecet-tab clearfix">
													<li class="currentLi" id="currentLi">
														<span>北京</span>
													</li>
												</ul>
												
												<div class="area-list-wrap clearfix">
													<ul class="area-list-ul clearfix" id="area-list-ul">
														<li>北京</li>
														<li>上海</li>
														<li>天津</li>
														<li>重庆</li>
														<li>黑龙江</li>
														<li>辽宁</li>
														<li>吉林</li>
														<li>河北</li>
														<li>内蒙</li>
														<li>陕西</li>
														<li>山西</li>
														<li>甘肃</li>
														<li>宁夏</li>
														<li>新疆</li>
														<li>西藏</li>
														<li>青海</li>
														<li>四川</li>
														<li>云南</li>
														<li>贵州</li>
														<li>湖南</li>
														<li>湖北</li>
														<li>河南</li>
														<li>山东</li>
														<li>安徽</li>
														<li>江苏</li>
														<li>浙江</li>
														<li>广东</li>
														<li>广西</li>
														<li>江西</li>
														<li>福建</li>
														<li>海南</li>
													</ul>
												</div>
												
											</div>
										</em>
									</div>
									<em class="area-selected-box">
										可送达
										<strong class="bold">宅急送包邮</strong>
									</em>
									
								</div>
							</div>
							
							<div class="zs-evaluate clearfix">
								<span>评&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价：</span>
								<a>购买评价<i id="buy-review">4</i></a>
								<em class="line">|</em>
								<a>成交记录<i id="buy-record">72</i></a>
							</div>
							
							<div class="zs-service-bar clearfix">
								<span>服务保障：</span>
								<div class="re-service-bar clearfix">
									<i>由&nbsp;
									<a href="http://www.zol.com/shop_194111/" target="_blank">爱科生活官方旗舰店</a>
									&nbsp;发货并承诺提供以下服务保障</i>
									<ul class="clearfix service-url">
										<li>
											<a href="http://help.zol.com/index.php?c=List&amp;subClassId=34&amp;grandClassId=146" target="_blank">正品保障</a>
											<i>正</i>
										</li>
										<li>
											<a href="http://help.zol.com/index.php?c=List&amp;subClassId=34&amp;grandClassId=146" target="_blank">发票保障</a>
											<i>票</i>
										</li>
										<li>
											<a href="http://help.zol.com/index.php?c=List&amp;subClassId=34&amp;grandClassId=146" target="_blank">无忧退换</a>
											<i>&hArr;</i>
										</li>
									</ul>
								</div>
							</div>
				
							<div class="zs-skin-inner clearfix">
								<form id="confirmSubmit">
									<div class="zs-quantity clearfix">
										<span style="color: #666;">购买数量:</span>
										<span class="count" id="min-count"></span>
										<input type="text" id="buy-count" value="1" title="请输入购买数量"/>
										<span class="count" id="ad-count"></span>
										<span style="color: #999;">件（限购498件）</span>
									</div>
									
									<div class="zs-deal-btn clearfix">
										<a id="buynow" class="zs-buy-now">立即购买</a>
										<a class="zs-store-buy" id="buystore">加入购物车</a>
									</div>
									
								</form>
							</div>
							
						</div>
						
					</div>
					
				</div>
				
			
				<!-------------热门团购推荐-------------->
				<div class="zs-store-infor">
					
				</div>
			</div>
			
			
			<!-------------------放大镜----------------------->
			<div id="bigDiv">
				<img src="http://i3.mercrt.fd.zol-img.com.cn/t_s400x400/g5/M00/01/06/ChMkJ1jUzEWILc2IAAKue6h0BSwAAbBtQNSPj0AAq6T343.jpg" id="bImg"/>
			<div>
			
		</div>
		
		<!--右购物车侧边栏--->
		<!--<div class="zc-toolbar-tabbar">
			<a class="toTop">
			</a>
		</div>-->
	</body>
	
	<script type="text/javascript" src="../js/jquery-1.11.3.js"></script>
	<script type="text/javascript" src="../js/style.js"></script>
	<script type="text/javascript" src="../js/cookie.js"></script>
	<script type="text/javascript" src="../js/detail.js"></script>
	
</html>
